<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="keywords" th:content="${@module.get('sysConfig').SITE_KWD}">
		<meta name="description" th:content="${@module.get('sysConfig').SITE_DESC}">
		<title th:if="${categoryName == null}" th:text="${@module.get('sysConfig').SITE_NAME}"></title>
		<title th:if="${categoryName != null}" th:text="${categoryName} + ' - ' +${@module.get('sysConfig').SITE_NAME}"></title>

		<link href="css/common.css" th:href="@{/libs/theme/shuili/css/common.css}" rel="stylesheet" type="text/css" media="screen" />
		<script src="js/jquery.js" th:src="@{/libs/theme/shuili/js/jquery.js}" type="text/javascript" ></script>
		<script src="js/jquery.slide.js" th:src="@{/libs/theme/shuili/js/jquery.slide.js}" type="text/javascript" ></script>
		<script type="text/javascript">
		var jq = $.noConflict();
			jq(function (){
				jq(".indexcon1 .JQ-slide").Slide({
					effect:"scroolX",
					speed:"normal",
					timer:5000
				});
			});
		</script>

<meta name="keywords" content="孝感市长兴公司" />
<meta name="description" content="长兴,长兴公司,长兴投资有限公司,孝感市长兴公司,孝感市长兴投资有限公司" />

<script type="text/javascript">
function searchByTitle(){
	var title = document.getElementById("searchTitle").value;
	if(title == "请输入关键字..."||title=="")
	{	
		alert("您还没有输入搜索的关键字!");
		return;
	}
	var ID = "null";
	if(ID == "null"){
    	ID = 0;
    }
	window.open("url?title="+title+"&superiorId="+ID,"searchNews","");
}
var id= "#m1"


$(function(){
	$(id).addClass("nLi on");
})
</script>


<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js" th:src="@{/libs/theme/shuili/js/jquery.SuperSlide.2.1.1.js}"></script>

</head>
<body>
<div class="header">
	<div class="box960">
    	<div class="topbar">
        	<ul>
            	<li><a href="#" target="_blank">政府门户</a></li>
                <li><a href="#" target="_blank">云上孝南</a></li>
                <li><a href="#" target="_blank">政务微博</a></li>
                <li><a href="#">站群管理</a></li>
            </ul>
        </div>
        <div class="logobox">
        	<a class="sitelogo" title="欢迎访问孝感市长兴投资有限公司" href="#"></a>
        </div>
    </div>
</div>
<div class="sitenav">
	<div class="box960">
        <!--导航-->
    	<ul id="sitenav" class="nav clearfix">
			<li id="m1" class="nLi">
				<h3><a href="#" th:href="@{/}">首页</a></h3>
			</li>
			<li th:each="category:${@module.get('categoryList')}" class="nLi">
				<h3 th:if="${category.pid==null||category.pid==0}">
					<a th:text="${category.name}" th:href="@{${'/blog/category/' + category.id}}">
					</a>
				</h3>
				<ul th:if="${not #lists.isEmpty(category.children)}" class="sub">
					<li th:each="node:${category.children}"><a th:href="@{${'/blog/category/' + node.id}}" th:text="${node.name}"></a></li>
				</ul>
			</li>

			<!--<li class="nLi">-->
					<!--<h3><a href="#">水务要闻</a></h3>-->
			<!--</li>-->
			<!--<li id="m3" class="nLi">-->
					<!--<h3><a href="#">防汛抗旱</a></h3>-->
					<!--<ul class="sub">-->
						<!--<li><a href="#">水雨情</a></li>-->
						<!--<li><a href="#">防汛抗旱简讯</a></li>-->
					<!--</ul>-->
			<!--</li>-->
			<!--<li id="m4" class="nLi">-->
					<!--<h3><a href="#">水利建设</a></h3>-->
			<!--</li>-->
			<!--<li id="m5" class="nLi">-->
					<!--<h3><a href="#">信息公开</a></h3>-->
					<!--<ul class="sub">-->
						<!--<li><a href="#">政务公开</a></li>-->
						<!--<li><a href="#">政策法规</a></li>-->
						<!--<li><a href="#">领导班子</a></li>-->
						<!--<li><a href="#">机构职能</a></li>-->
					<!--</ul>-->
			<!--</li>-->
            <!--<li id="m6" class="nLi">-->
					<!--<h3><a href="#">专题专栏</a></h3>-->
			<!--</li>-->
		</ul>
        <script id="jsID" type="text/javascript">
			jQuery("#sitenav").slide({ 
				type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
				titCell:".nLi", //鼠标触发对象
				targetCell:".sub", //titCell里面包含的要显示/消失的对象
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:0, //鼠标延迟触发时间（默认150）
				defaultPlay:false,
				returnDefault:false //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
			});
			jQuery(function(){
				 $(".sitenav ul li").hover(
				  function () {
				    $(this).addClass("nLi on");
					$(id).removeClass("on");
				  },
				  function () {
				    $(this).removeClass("on");
					$(id).addClass("nLi on");
				  });
			})
		</script>
    </div>
</div>
<div class="box960">
	<div class="tipbox mt15">
    	<div class="tipcon">
        	<ul>
				<li><a href="#">孝南出硬招保度汛</a></li>
            </ul>
        </div>
        <form action="#" method="post" class="searchbox">
        	<input type="text" name="searchTitle" id="searchTitle" value="站内检索：请输入关键字" class="input_txt" onclick="this.value=''"; />
            <input type="button" class="input_btn" title="立即搜索" onclick="searchByTitle();"/>
        </form>
    </div>

    <div class="indexcon1 clearfix mt15">
    	<div class="lbox">
            <!-- 轮播图 -->
            <div class="JQ-slide">
                <ul class="JQ-slide-content">
                    <li th:each="item:${sliderList}">
                        <a th:href="@{${'/blog/article/'+item.id}}">
                            <img th:src="${item.sliderImg}">
                            <span class="slider-title" th:text="${item.title}"></span>
                        </a>
                    </li>
					<!--<li><a href="#"><img th:src="@{/libs/theme/shuili/upload/1540352223271051181.jpg}" src="upload/1540352223271051181.jpg" alt="" /><span>区领导巡查野猪湖督导湖长制工作  </span></a></li>-->
				<!---->
					<!--<li><a href="#"><img th:src="@{/libs/theme/shuili/upload/1539661208679036474.jpg}" src="upload/1539661208679036474.jpg" alt="" /><span>区领导检查督办堤防建设及河（湖）长制落实情况  </span></a></li>-->
				<!---->
					<!--<li><a href="#"><img th:src="@{/libs/theme/shuili/upload/1536564085385064131.jpg}" src="upload/1536564085385064131.jpg" alt="" /><span>区水务局召开扫黑除恶工作推进会  </span></a></li>-->
                </ul>
                <ul class="JQ-slide-nav">
                    <li class="on">1</li>
                    <li>2</li>
                    <li>3</li>
                </ul>
            </div>
            <!--头条-->
            <div class="focusbox">
				<h1><a href="#" class="link_title">孝南出硬招保度汛</a></h1>
				<p><a href="#" class="link_xq">[查看详情]</a></p>
            </div>
    	</div>
        <dl class="list01 yaowen">
        	<dt><strong th:text="${categoryName} ?: '首页'"></strong><a href="#" class="more_txt_blue">更多内容</a></dt>

				<dd><span class="list_time"></span></dd>

                <div class="no-article-content" th:if="${#lists.isEmpty(articleList)}">
                    Sorry, 暂未发现任何文章~
                </div>

				<dd th:each="item:${sliderList}">
                    <span class="list_time" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2020-06-22</span>
                    <a th:href="@{${'/blog/article/'+item.id}}" th:text="${item.title}">文章</a>
                </dd>

        </dl>
    </div>
   <!--中部广告开始  -->
    <script type="text/javascript">
	    jq(function (){
	        jq(".AD_index .JQ-slide").Slide({
			    effect:"scroolX",
			    speed:"normal",
			    timer:5000
		    });
	    });
	</script>
  	<div class="AD_index mt15">

		<a href="#"><img th:src="@{/libs/theme/shuili/upload/1545016934092042938.jpg}" src="upload/1545016934092042938.jpg" tppabs="ip图片" width="960" height="108" /></a>
        
    </div>
	<!--中部广告结束  -->
    <div class="indexcon2 clearfix mt15">
    	<div class="conbox zwgk">
        	<h2><strong th:text="${category1}">政务公开</strong><a href="#" th:href="@{${'/blog/category/' + cateId1}}" class="more_txt_white">更多</a></h2>
            <ul class="list01">
                <div class="no-article-content" th:if="${#lists.isEmpty(view1)}">
                    Sorry, 暂未发现任何文章~
                </div>
				<li th:each="item:${view1}">
                    <span class="list_time" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2000-06-17</span>
                    <a th:href="@{${'/blog/article/'+item.id}}" th:text="${item.title}">湖北省府澴河流域综合规划环...</a>
                </li>

            </ul>
        </div>
        <div class="conbox indexbox1">
        	<h2><strong th:text="${category2}">水利建设</strong><a href="#" th:href="@{${'/blog/category/' + cateId2}}" class="more_txt_blue">更多</a></h2>
            <ul class="list01 clearfix">
                <div class="no-article-content" th:if="${#lists.isEmpty(view2)}">
                    Sorry, 暂未发现任何文章~
                </div>
				<li th:each="item:${view2}">
                    <span class="list_time" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2019-12-12</span>
                    <a th:href="@{${'/blog/article/'+item.id}}" th:text="${item.title}">孝南区掀起水库清淤新高潮</a>
                </li>
	
            </ul>
        </div>
        <div class="conbox indexbox1">
        	<h2><strong th:text="${category3}">水雨情</strong><a href="#" th:href="@{${'/blog/category/' + cateId3}}" class="more_txt_blue">更多</a></h2>
            <ul class="list01 clearfix">
                <div class="no-article-content" th:if="${#lists.isEmpty(view3)}">
                    Sorry, 暂未发现任何文章~
                </div>
				<li th:each="item:${view3}">
                    <span class="list_time" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2020-06-17</span>
                    <a th:href="@{${'/blog/article/'+item.id}}" th:text="${item.title}">水情信息（6月17日）</a>
                </li>

            </ul>
        </div>
    </div>
</div>
<div class="indexcon3 mt15">
	<div class="box960 clearfix">
    	<div class="indexbox2 fhkh">
        	<h2><strong th:text="${category4}">防汛抗旱</strong><a href="#" th:href="@{${'/blog/category/' + cateId4}}" class="more_txt_blue">更多</a></h2>
            <ul class="list01 clearfix">
                <div class="no-article-content" th:if="${#lists.isEmpty(view4)}">
                    Sorry, 暂未发现任何文章~
                </div>
				<li th:each="item:${view4}">
                    <span class="list_time" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2020-06-17</span>
                    <a th:href="@{${'/blog/article/'+item.id}}" th:text="${item.title}">水情信息（6月17日）</a>
                </li>

            </ul>
        </div>
      <div class="indexbox2">
       	<h2><strong th:text="${category5}">专题专栏</strong><a href="#" th:href="@{${'/blog/category/' + cateId5}}" class="more_txt_blue">更多</a></h2>
          <ul class="list02 clearfix">
              <div class="no-article-content" th:if="${#lists.isEmpty(view5)}">
                  Sorry, 暂未发现任何文章~
              </div>
              <li th:each="item:${view5}">
                  <span class="list_img">
                      <a th:href="@{${'/blog/article/'+item.id}}">
                          <img th:src="${item.coverImage}" width="120" height="90" />
                      </a>
                  </span>
                  <p class="list_desc" th:text="${item.title}">河湖长制工作
                      <a href="#" class="link_xq">详细</a>
                  </p>
              </li>
   
          </ul>
        </div>
        <div class="indexbox2">
        	<h2><strong th:text="${category6}">政策法规</strong><a href="#" th:href="@{${'/blog/category/' + cateId6}}" class="more_txt_blue">更多</a></h2>
            <ul class="list01 clearfix">
                <div class="no-article-content" th:if="${#lists.isEmpty(view6)}">
                    Sorry, 暂未发现任何文章~
                </div>
				<li th:each="item:${view6}">
                    <span class="list_time" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2020-06-15</span>
                    <a th:href="@{${'/blog/article/'+item.id}}" th:text="${item.title}">湖北省发布第4号河湖长令《...</a>
                </li>

            </ul>
        </div>
    </div>
</div>

<div class="footer">
	<div class="box960">
    	<h6><span>主办：孝南区水利和湖泊局</span><em>技术支持：<a href="#">武汉锐昊泰</a></em></h6>
        <p><span>地址：孝南区环西路水务局院内</span><span>联系电话：2822879</span><span>备案号码：鄂ICP备12009439号</span></p>
    	<a target="_blank" href="#" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="img/jinghui.png" th:src="@{/libs/theme/shuili/img/jinghui.png}" style="float:left; border:none;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#222;">鄂公网安备 42090202000048号</p></a>
    </div>
</div>

</body>
</html>
